.walkieTalkie {
    display: none;
    background-image: url(https://cdn.discordapp.com/attachments/765608112270868510/966333647575724072/unknown.png);
    width: 525px;
    height: 908px;
    background-size: 750px;
    background-repeat: no-repeat;
    position: fixed;
    margin-left: 68%;
    margin-top: 15%;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.container {
    width: 177px;
    height: 294px;
    background-color: rgb(32, 46, 59);
    border-radius: 5px;
    margin: 58% auto 0 59%;
    background-image: url(https://media.discordapp.net/attachments/1091638464023380040/1096750079207014432/ljusstaden_1.png);
    background-repeat: no-repeat;
    background-size: 93px;
    background-position-x: center;
    background-position-y: 75.5px;
}

.walkieTalkieDead {
    display: none;
    background-image: url(https://cdn.discordapp.com/attachments/765608112270868510/966333647575724072/unknown.png);
    width: 525px;
    height: 908px;
    background-size: 750px;
    background-repeat: no-repeat;
    position: fixed;
    margin-left: 68%;
    margin-top: 15%;
}

.containerDead {
    width: 177px;
    height: 294px;
    background-color: rgb(15, 18, 20);
    border-radius: 5px;
    margin: 58% auto 0 59%;
}

.changeStatusDead {
    position: fixed;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
    width: 38px;
    height: 46px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, 0);
    margin-left: 298px;
    margin-top: 165px;
}

.changeStatusDead .changeStatusTextDead {
    position: absolute;
    visibility: hidden;
    width: 100px;
    background-color: rgba(33, 38, 43, 0.864);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    margin: -155.0% auto 0 -140%;
}

.changeStatusDead:hover .changeStatusTextDead {
    visibility: visible;
}

.header {
    display: flex;
    background-color: rgb(45, 69, 92);
    width: 177px;
    height: 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.header #audioPercentage, .header .audioLogo {
    margin: 1.5px 0 0 3px;
}

#WalkieInfo {
    transition: 0.2s;
    color: #fff;
    text-align: center;
    margin: 10px 0 0 5%;
    /* border: 1px solid #fff; */
    background-color: rgb(41, 80, 116);
    /* border-radius: 10px; */
    width: 90%;
}

#WalkieInfo:hover {
    transition: 0.2s;
    background-color: rgba(63, 57, 57, 0.507);
    /* border: 1px solid #fff; */
}

#audioPercentage {
    color: #fff;
    font-size: 18px;
    padding: 2px 0 0 0;
}

.header .batteryLogo, .header .batteryLevel {
    margin: 1.5px 0 0 3px;
}

.batteryLogo {
    padding: 0 0 0 20px;
}

.batteryLevel {
    color: #fff;
    font-size: 18px;
    padding: 2px 0 0 0;
}

.changeAudio {
    position: fixed;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
    width: 28px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, 0);
    margin-left: 384px;
    margin-top: 150px;
}

.changeAudio .changeAudioText {
    position: absolute;
    visibility: hidden;
    width: 120px;
    background-color: rgba(33, 38, 43, 0.864);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    margin: -255.0% auto 0 -240%;
}

.changeAudio:hover .changeAudioText {
    visibility: visible;
}

.changeStatus {
    position: fixed;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
    width: 38px;
    height: 46px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, 0);
    margin-left: 298px;
    margin-top: 165px;
}

.changeStatus .changeStatusText {
    position: absolute;
    visibility: hidden;
    width: 100px;
    background-color: rgba(33, 38, 43, 0.864);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    margin: -155.0% auto 0 -140%;
}

.changeStatus:hover .changeStatusText {
    visibility: visible;
}

#joinRadio {
    width: 75px;
    height: 75px;
}

#joinRadio {
    transition: 0.2s;
    width: 75px;
    height: 65px;
    margin-top: 15px;
    margin-left: 12px;
    background-image: url(https://cdn.discordapp.com/attachments/751211990227091517/966438982944686151/image_1.png);
    background-size: 60px;
    background-position-x: center;
    background-position-y: center;
    background-color: rgb(41, 80, 116);
    border: 3px solid rgba(36, 31, 31, 0);
    /* border-radius: 10px; */
    background-repeat: no-repeat;
}

#joinRadio:hover {
    transition: 0.2s;
    background-color: rgba(63, 57, 57, 0.507);
    /* border: 3px solid rgb(73, 63, 63); */
}

#micClick {
    transition: 0.2s;
    width: 75px;
    height: 65px;
    margin-top: 15px;
    background-image: url(https://cdn.discordapp.com/attachments/751211990227091517/966440351659360306/image_2.png);
    background-size: 65px;
    background-position-x: center;
    background-position-y: center;
    background-color: rgb(41, 80, 116);
    border: 3px solid rgba(36, 31, 31, 0);
    /* border-radius: 10px; */
    background-repeat: no-repeat;
}

#micClick:hover {
    transition: 0.2s;
    background-color: rgba(63, 57, 57, 0.507);
    /* border: 3px solid rgb(73, 63, 63); */
}

.leaveRadio {
    position: fixed;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
    width: 58px;
    height: 26px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, 0);
    margin-left: -106px;
    margin-top: 147px;
}

.leaveRadio .leaveRadioText {
    position: absolute;
    visibility: hidden;
    width: 100px;
    background-color: rgba(33, 38, 43, 0.864);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    margin: 35.0% auto 0 -90%;
}

.leaveRadio:hover .leaveRadioText {
    visibility: visible;
}

input {
    transition: 0.2s;
    width: 70%;
    height: 6.5%;
    margin: 100px 0 0 5px;
    /* text-align: center; */
    padding: 1px 0 0 40px;
    background-color: rgb(41, 80, 116);
    border: 3px solid rgba(36, 31, 31, 0);
    color: #fff;
    /* border-radius: 6px; */
    background-image: url(https://cdn.discordapp.com/attachments/751211990227091517/966447349712973865/image_3.png);
    background-position: 5px 2.5px;
    background-size: 30px;
    background-repeat: no-repeat;
}

input::placeholder{
    color: #fff;
    /* text-align: center; */
    font-size: 15px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input:focus {
    transition: 0.2s;
    background-color: rgba(63, 57, 57, 0.507);
    border: 3px solid rgba(73, 63, 63, 0);
    outline: none !important;
}